/* animation */
.a-fadeinR,.a-fadeinL,.a-bouncein{
    -webkit-animation:1s ease-out backwards;
    -moz-animation:1s ease-out backwards;
    -ms-animation:1s ease-out backwards;
    animation:1s ease-out backwards;
}

/* 淡入-从右 */
.a-fadeinR{
    -webkit-animation-name: fadeinR;
    -moz-animation-name:fadeinR;
    -ms-animation-name:fadeinR;
    animation-name:fadeinR;
}
/* 淡入-从左 */
.a-fadeinL{
    -webkit-animation-name:fadeinL;
    -moz-animation-name:fadeinL;
    -ms-animation-name:fadeinL;
    animation-name:fadeinL;
}
/* 弹跳 */
.a-bounce{
    -webkit-animation-name:bounce;
    -moz-animation-name: bounce;
    -ms-animation-name: bounce;
    animation-name:bounce;
}
/* 弹入 */
.a-bouncein{
    -webkit-animation-name:bouncein;
    -moz-animation-name:bouncein;
    -ms-animation-name:bouncein;
    animation-name:bouncein;
}

/* define */
/* 淡入-从右 */
@-webkit-keyframes fadeinR{
    0%{
        opacity:0;
        -webkit-transform:translateX(100px);
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
    }
}
@-moz-keyframes fadeinR{
    0%{
        opacity:0;
        -moz-transform:translateX(100px);
    }
    100%{
        opacity:1;
        -moz-transform:translateX(0);
    }
}
@-ms-keyframes fadeinR{
    0%{
        opacity:0;
        -ms-transform:translateX(100px);
    }
    100%{
        opacity:1;
        -ms-transform:translateX(0);
    }
}
@keyframes fadeinR{
    0%{
        opacity:0;
        transform:translateX(100px);
    }
    100%{
        opacity:1;
        transform:translateX(0);
    }
}
/* 淡入-从左 */
@-webkit-keyframes fadeinL{
    0%{
        opacity:0;
        -webkit-transform:translateX(-100px);
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
    }
}
@-moz-keyframes fadeinL{
    0%{
        opacity:0;
        -moz-transform:translateX(-100px);
    }
    100%{
        opacity:1;
        -moz-transform:translateX(0);
    }
}
@-ms-keyframes fadeinL{
    0%{
        opacity:0;
        -ms-transform:translateX(-100px);
    }
    100%{
        opacity:1;
        -ms-transform:translateX(0);
    }
}
@keyframes fadeinL{
    0%{
        opacity:0;
        transform:translateX(-100px);
    }
    100%{
        opacity:1;
        transform:translateX(0);
    }
}
/* 弹入 */
@-webkit-keyframes bouncein{
    0%{
        opacity:0;
        -webkit-transform:scale(0.3);
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.05);
    }
    70%{
        -webkit-transform:scale(0.9);
    }
    100%{
        -webkit-transform:scale(1);
    }
}
@-moz-keyframes bouncein{
    0%{
        opacity:0;
        -moz-transform:scale(0.3);
    }
    50%{
        opacity:1;
        -moz-transform:scale(1.05);
    }
    70%{
        -moz-transform:scale(0.9);
    }
    100%{
        -moz-transform:scale(1);
    }
}
@-ms-keyframes bouncein{
    0%{
        opacity:0;
        -ms-transform:scale(0.3);
    }
    50%{
        opacity:1;
        -ms-transform:scale(1.05);
    }
    70%{
        -ms-transform:scale(0.9);
    }
    100%{
        -ms-transform:scale(1);
    }
}
@keyframes bouncein{
    0%{
        opacity:0;
        transform:scale(0.3);
    }
    50%{
        opacity:1;
        transform:scale(1.05);
    }
    70%{
        transform:scale(0.9);
    }
    100%{
        transform:scale(1);
    }
}